<template>
	<div class="student">
		<h2>学生姓名:{{name}}</h2>
		<h2>学生性别:{{sex}}</h2>
		<button type="button" @click="sendStudentName">把学生名给School组件</button>
	</div>
</template>

<script>
	import pubsub from "pubsub-js" // eslint-disable-line no-unused-vars
	export default {
		name:"Student",
		data(){ 
			return {
				name:"张三",
				sex:"男"	
			}
		},
		methods:{
			sendStudentName(){
				// this.$bus.$emit("hello",this.name)
				pubsub.publish("hello",666)
			}
		}
	}
</script>
	
<style scoped>
.student{
	background-color: #42B983;
}
</style>
